@import "../../styles/default";
.okay-radio-wrapper{
  display: inline-block;
  width: size(14);
  height: size(14);
  border-radius: 100%;
  border-style: solid;
  border-width: size(2);
  border-color: $primary;
  position: relative;
  &.active {
    .okay-radio-span{
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      display: inline-block;
      width: size(8);
      height: size(8);
      border-radius: 100%;
    }
    &.success {
      .okay-radio-span{
        background: $success;
      }
      border-color: $success;
    }
    &.danger {
      .okay-radio-span{
        background: $danger;
      }
      border-color: $danger;
    }

    &.warn {
      .okay-radio-span{
        background: $warn;
      }
      border-color: $warn;
    }
    &.info {
      .okay-radio-span {
        background: $info;
      }

      border-color: $info;
    }
    &.primary {
      .okay-radio-span{
        background: $primary;
      }
      border-color: $primary;
    }
  }

}
